<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Experimental/Independent Film Community</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="An Independent Film Community" />
<meta name="copyright" content="Cmpe451-ProjectGroup#8" />
<link href="./jsp/user/style/expind-std.css" rel="stylesheet"
	type="text/css" />
<link href="./jsp/user/style/expind.css" rel="stylesheet"
	type="text/css" />
<script language="javascript"
	src="./jsp/user/scripts/jquery-1.8.2.min.js"></script>
<script language="javascript" src="./jsp/user/scripts/expind.js"></script>
</head>
<body>
	<div class="container_24">

		<jsp:include page="header.jsp" />

		<div id="content" style="float: left;">
			<form action="register" method="post" name="register" enctype="multipart/form-data">
					<c:if test="${not empty registerError }">
						<div style="color: red;">
							<c:out value="${registerError}"></c:out>
						</div>
						<br />
					</c:if>
					
				<table>
					<tr>
						<td>Name</td>
						<td><input type="text" name="firstname"
							style="margin: 5px 20px" />*</td>
					</tr>
					<tr>
						<td>Surname</td>
						<td><input type="text" name="surname"
							style="margin: 5px 20px" />*</td>
					</tr>
					<tr>
						<td>E-mail</td>
						<td><input type="text" name="email" style="margin: 5px 20px" />*
						</td>
					</tr>
					<tr>
						<td>Password</td>
						<td><input type="password" name="password"
							style="margin: 5px 20px" />* (8-16 char)</td>
					</tr>
					<tr>
						<td>Password (again)</td>
						<td><input type="password" name="password2"
							style="margin: 5px 20px" />*</td>
					</tr>
					<tr>
						<td>Gender</td>
						<td style="padding-left: 17px"><input type="radio"
							name="gender" value="male" checked="checked" />Male &nbsp;&nbsp;
							<input type="radio" name="gender" value="female" />Female *</td>
					</tr>
					<tr>
						<td>Image</td>
						<td><input type="file" name="image" size="40"
							style="margin: 5px 20px" /> &nbsp;or&nbsp; <input type="text"
							name="imageURL" style="margin: 5px 20px" /></td>

					</tr>
					<tr>
						<td>Birth Date</td>
						<td style="padding-left: 17px"><jsp:include page="date.jsp" />
						</td>
					</tr>
					<tr>
						<td>City</td>
						<td><input type="text" name="city" style="margin: 5px 20px" />
						</td>
					</tr>
					<tr>
						<td>Telephone</td>
						<td><input type="text" name="tel" style="margin: 5px 20px" />
							(only digits)</td>
					</tr>
				</table>
				<table>
					<tr>
						<td colspan="8">Description <br /> <textarea rows="4"
								cols="50" name="description"></textarea>
						</td>

					</tr>
					<tr>
						<c:forEach var="title" items="${titles}">
							<td colspan="1">
								<input type="checkbox" name="title" value="${title.titleName}" />${title.titleShowName }</td>
						</c:forEach>
					</tr>
				</table>
				<div id="actor-properties"></div>
				<input type="button" onclick="javascript:registerFormValidation()" value="Submit" />
			</form>
		</div>

	</div>
</body>
</html>
